<!DOCTYPE html>
<html>
<head>
    <title>清理半年前的无人查看的文章</title>
    <#include "/header.html">
    <style>
        #execute_btn {
            width: 100%;
        }

        .progress {
            background-color: gray;
            height: 30px;
        }

        .progress-bar {
            line-height: 30px;
            font-size: 26px;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="panel panel-default">
        <form class="form-horizontal" style="margin: auto;">
            <div class="form-group">
                <div class="col-sm-12">
                    <p class="form-control-static">注：本功能用于清理半年以前无人阅读的文章</p>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12" style="text-align: center;width: 100%">
                    <input type="button" class="btn btn-danger" @click="deleteArticle" value="删除" id="execute_btn" />
                </div>
            </div>
        </form>
    </div>
</div>
<div style="display: none" id="progressView">
    <div class="panel panel-default">
        <form class="form-horizontal" style="margin: auto;">
            <div id="progressDiv">
                <p>当前进度：<span></span></p>
                <div class="progress">
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                        0%
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="${request.contextPath}/statics/js/modules/sys/barticle_delete_half_year_ago.js?_${.now?long}"></script>
</body>
</html>